@import "mixin";
.header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  @include flex;
  height: 1rem;
  font-size: 22px;
  color: #000;
  border-bottom: 1px solid #bcbcbc;
  background: #fff;

  .left{
    margin-left: 26px;

    .arrow-left{
      display: block;
      width: 22px;
      height: 30px;
      background: url("../common/images/arrow-left.png") no-repeat center / cover;
    }
    .close{
      display: block;
      width: 22px;
      height: 30px;
      background: url("../common/images/close.png") no-repeat center / cover;
    }
  }
  .absolutionLeft{
    position: absolute;
    left: 0;
    width: 22px;
    height: 30px;
  }

  .right{
    width: 100px;
    @include flex;
    .one-right{
      margin:0 12px 0 20px;
    }
    a,i{
      display: block;
      width: 35px;
      height: 35px;
      .share{
        background: url("../common/images/share.png") no-repeat center / 95%;

      }
      .heart{
        background: url("../common/images/brand-heart.png") no-repeat center /  95%;
      }

      .goIndex{
        background: url("../common/images/back-index.png") no-repeat center /  95%;
      }
    }
  }
  .title{
    width: 300px;
    font-size: 26px;
    margin: 0 auto;
    text-align: center;
  }
}

